@import "header.html"
<link rel="stylesheet" href="../css/cancel_order.css">
<link rel="stylesheet" href="../css/mobileSelect.css">
<style>
    #main .bigSpan {
        font-size: 14px;
    }

    #main .smallSpan {
        font-size: 14px;
    }

    #main .rightSpan {
        font-size: 14px;
    }
</style>

<body>
<main id="main" v-cloak>

    <header class="fxj-header" v-show="introduce">
        <a onclick="backPage();">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jiantou"></use>
            </svg>
        </a>
        <h1 class="fxj-title" v-cloak>房源介绍</h1>
    </header>

    <header class="fxj-header" @click="introduceChild(0)" v-show="setIntroduce">
        <a href="#">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jiantou"></use>
            </svg>
        </a>
        <h1 class="fxj-title" v-cloak>详情设置</h1>
    </header>

    <main v-show="introduce" class="pub_main" v-cloak>
        <div class="mui-content introduce">
            <ul class="mui-row ">
                <li class="mui-table-view-cell  bigcell" @click="introduceChild(2)">
                    <span class="bigSpan">房源介绍</span>
                    <span class="rightSpan">点击查看<svg class="icon"><use xlink:href="#icon-you"></use></svg></span>
                    <br>
                    <span class="smallSpan">详细介绍房源或个人寄语</span>
                </li>
                <li class="mui-table-view-cell  bigcell" @click="introduceChild(3)">
                    <span class="bigSpan">交通路线</span>
                    <span class="rightSpan">点击查看<svg class="icon"><use xlink:href="#icon-you"></use></svg></span>
                    <br>
                    <span class="smallSpan">指导房客更方便快捷地到达住所</span>
                </li>
                <li class="mui-table-view-cell  bigcell" @click="introduceChild(4)">
                    <span class="bigSpan">周边情况</span>
                    <span class="rightSpan">点击查看<svg class="icon"><use xlink:href="#icon-you"></use></svg></span>
                    <br>
                    <span class="smallSpan">介绍房源周边环境和便利设施</span>
                </li>
                <li class="mui-table-view-cell  warncell">
                    <span style="font-size: 14px">所有文字描述不能出现个人联系方式（电话、微信、QQ、邮箱等），否则不予通过审核</span>
                </li>
            </ul>
        </div>
    </main>

    <main v-show="setIntroduce" class="pub_main" v-cloak>
        <div class="textarea_body">
            <textarea v-show="intro_text.area2" v-model="house_describ.house_desc" cols="30" rows="10"
                      class="textarea textarea_big" :placeholder="text_content" style="text-align: left">

             </textarea>
            <textarea v-show="intro_text.area3" cols="30" rows="10" class="textarea textarea_big"
                      :placeholder="text_content" v-model="house_describ.house_communication" style="text-align: left">

             </textarea>
            <textarea v-show="intro_text.area4" cols="30" rows="10" class="textarea textarea_big"
                      :placeholder="text_content" v-model="house_describ.house_surrounding" style="text-align: left">
             </textarea>
        </div>
    </main>


    <footer class="pub_foot" @click="send_house_describ()" v-show="this.introduce">
        <h1 class="fxj-title">提交</h1>
    </footer>

    <footer class="pub_foot" @click="introduceChild(0)" v-show="intro_text.area2">
        <h1 class="fxj-title">房源介绍填写完啦</h1>
    </footer>
    <footer class="pub_foot" @click="introduceChild(0)" v-show="intro_text.area3">
        <h1 class="fxj-title">交通路线填写完啦</h1>
    </footer>
    <footer class="pub_foot" @click="introduceChild(0)" v-show="intro_text.area4">
        <h1 class="fxj-title">周边情况填写完啦</h1>
    </footer>


</main>
@import "js.html"
<script src="../script/jquery.js"></script>
<script src="../script/mobileSelect.js"></script>
<script src="../script/hm_introduce.js"></script>
</body>

@import "footer.html"